<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@1.6/lib/index.css">
		
		<!-- 引入组件 -->
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vant@1.6/lib/vant.min.js"></script>
	</head>
	<body>
			<van-row>
				<van-col span="6">
					<van-badge-group :active-key="activeKey" @change="onChange">
						<a href="分类.html"><van-badge title="手机"></van-badge></a>
						<a href="分类2.html"><van-badge title="酒水饮料"></van-badge></a>
						<van-badge title="厨房用具"></van-badge>
						<van-badge title="内衣内裤"></van-badge>
						<van-badge title="日用百货"></van-badge>
					</van-badge-group>
				</van-col>
				<van-col span="18">
					<van-row> 
						<van-col span="11">
							<img src="img/mai4.jpg"/>
							max破产都要买的口红
						</van-col>
						<van-col span="11" offset="1">
							<img src="img/mai5.jpg"/>
							最美绝版南瓜色
						</van-col>
					</van-row>
					<van-row>
						<van-col span="11">
							<img src="img/mai6.jpg"/>
						</van-col>
						
					</van-row>
				</van-col>
				
			</van-row>
	</body>
</html>
